<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>投递箱</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/status.css"/>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.easing.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/status.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
			<!--顶部黑色区域-->
	<div id="header">
		<div class="top_logon">
			<div class="logo">
				<a href="" class="lg_app">拉勾APP</a>
				<a href="" class="lg_os">进入企业版</a>
			</div>
			<ul class="top_r">
				<li>
					<a href="">我的简历</a>
				</li>
				<li>
					<a href="" class="zc">投递箱</a>
				</li>
				<li>
					<a href="" class="zc">收藏夹</a>
				</li>
				<li class="user_li">
					<a href="" class="zc">admin</a>
					<i></i>
					<ul>
						<li><a href="#">账号设置</a></li>
						<li><a href="#">退出</a></li>
					</ul>
				</li>
			</ul>
		</div>	
	</div>
	<!--顶部黑色区域结束-->
	
	<!--顶部白色导航区域-->
	<div id="top_grey">
		<div id="guide">
			<div class="guide_left">
				<a href=""></a>
			</div>
			<ul class="guide_r">
				<li>
					<a href="">首页</a>
				</li>
				<li>
					<a href="" >公司</a>
				</li>
			</ul>
		</div>
	</div>
	<!--顶部白色导航区域结束-->
	
	<!--主体部分-->
	<div id="container">
		<div class="center_main">
			<!--左边区域-->
			<div class="content_l">
				<dl class="delivery">
					<dt>
						<h1>
							<em></em>已投递简历状态
						</h1>
						<a href="javascript:void(0);" class="d_refresh">刷新</a>
					</dt>
					<dd>
						<div class="delivery_tabs">
							<ul class="list_ul">
								<li class="current">
									<a href="#" class="all_resume">全部</a>
								</li>
								<li>
									<a href="#">投递成功</a>
								</li>
								<li>
									<a href="#">待沟通</a>
								</li>
								<li>
									<a href="#">邀请面试</a>
								</li>
								<li class="last">
									<a href="#">不合适</a>
								</li>
							</ul>
						</div>
						<div id="delivery_main">
							<ul class="my_delivery">
								<li>
									<div class="d_item">
										<h2>
											<a href="#" target="_blank" title="高级PHP开发工程师">
												<em>高级PHP开发工程师</em>
												<span>（10k-15k）</span>
											</a>
										</h2>
										<a href="#" target="_blank" class="d_jobname" title="星致金融">
											星致金融
											<span>[上海]</span>
										</a>
										<a href="javascript:void(0);" class="showprogress">
											<span>不合适</span>
											<i></i>
										</a>
										<span class="d_time">
											2016-08-05 17:53
										</span>
									</div>
									<!--隐藏过程部分-->
									<div class="progress_status">
										<ul class="status_steps">
											<li class="status_done status_1">1</li>
											<li class="status_line status_line_done">
												<span></span>
											</li>
											<li class="status_done">2</li>
											<li class="status_line status_line_done">
												<span></span>
											</li>
											<li class="status_done">3</li>
										</ul>
										<ul class="status_text">
											<li>投递成功</li>
											<li class="status_text2">待沟通</li>
											<li class="status_text3">面试</li>
										</ul>
										<ul class="status_list">
											<li class="top">
												<div class="list_time">
													<em></em>2016-08-05 17:53
												</div>
												<div class="list_body">
													<h3>简历被标记为不合适</h3>
													<div>
														非常荣幸收到你的简历，招聘方经过评估，认为你与该职位的条件不太匹配，无法进入面试阶段。<br /><br />
														相信更好的机会一定还在翘首期盼着你，赶快调整心态，做好充足的准备重新出发吧！
													</div>
												</div>
											</li>
											<li>
												<div class="list_time">
													<em></em>2016-08-05 15:37
												</div>
												<div class="list_body">
													<h3>查看了你的简历</h3>
												</div>
											</li>
											<li class="bottom">
												<div class="list_time">
													<em></em>2016-08-05 15:37
												</div>
												<div class="list_body">
													<h3>已成功接收你的简历</h3>
												</div>
											</li>
										</ul>
										<a href="javascript:void(0);" class="closeprogress"></a>
									</div>
								</li>
								
								<li>
									<div class="d_item">
										<h2>
											<a href="#" target="_blank" title="高级PHP开发工程师">
												<em>PHP开发工程师</em>
												<span>（7k-10k）</span>
											</a>
										</h2>
										<a href="#" target="_blank" class="d_jobname" title="星致金融">
											星致金融
											<span>[上海]</span>
										</a>
										<a href="javascript:void(0);" class="showprogress">
											<span>投递成功</span>
											<i></i>
										</a>
										<span class="d_time">
											2016-08-05 17:53
										</span>
									</div>
									<!--隐藏过程部分-->
									<div class="progress_status">
										<ul class="status_steps">
											<li class="status_done status_1">1</li>
											<li class="status_line status_line_grey">
												<span></span>
											</li>
											<li class="status_grey">2</li>
											<li class="status_line status_line_grey">
												<span></span>
											</li>
											<li class="status_grey">4</li>
										</ul>
										<ul class="status_text">
											<li>投递成功</li>
											<li class="status_text2">待沟通</li>
											<li class="status_text3">面试</li>
										</ul>
										<ul class="status_list">
											<li class="top1">
												<div class="list_time">
													<em></em>2016-08-05 17:53
												</div>
												<div class="list_body">
													<h3>hr已成功接受你的简历</h3>
												</div>
											</li>

										</ul>
										<a href="javascript:void(0);" class="closeprogress"></a>
									</div>
								</li>
							</ul>
						</div>
					</dd>
				</dl>
			</div>
			<!--左边区域结束-->
			<!--右边区域-->
			<div class="content_r">
				<!--右边顶部导航-->
				<div class="CR_nav">
					<ul>
						<li>
							<a href="#" target="_blank">
								投递箱
								<i class="tu"></i>
							</a>
						</li>
						<li>
							<a href="#" target="_blank">
								我的简历
								<i class="jl"></i>
							</a>
						</li>
						<li>
							<a href="#" target="_blank">
								收藏夹
								<i class="shc"></i>
							</a>
						</li>
						<li class="mr_none">
							<a href="#" target="_blank">
								个人中心
								<i class="gr"></i>
							</a>
						</li>
					</ul>
				</div>
				<!--猜你喜欢区域-->
				<div class="like_recommend">
					<ul class="like_head">
						<li class="like_select">猜你喜欢</li>
					</ul>
					<div class="like_content">
						<ul class="guess_like">
							<li class="guess_like_list">
								<a href="#" target="_blank">
									<div class="guess_like_list_logo">
										<img src="image/status/company1.jpg" style="width: 56px; height: 56px;"/>
									</div>
									<div class="guess_like_list_pos">
										<h2 title="PHP技术经理">PHP技术经理</h2>
										<p>15k-25k</p>
										<p class="company_name">
											<span class="company_name_span">全车配</span>
											<span class="company_position_span">[上海]</span>
										</p>
									</div>
								</a>
							</li>
							
							<li class="guess_like_list">
								<a href="#" target="_blank">
									<div class="guess_like_list_logo">
										<img src="image/status/company1.jpg" style="width: 56px; height: 56px;"/>
									</div>
									<div class="guess_like_list_pos">
										<h2 title="PHP技术经理">PHP技术经理</h2>
										<p>15k-25k</p>
										<p class="company_name">
											<span class="company_name_span">全车配</span>
											<span class="company_position_span">[上海]</span>
										</p>
									</div>
								</a>
							</li>
						</ul>
						<a href="#" class="guess_like_more" target="_blank">更多猜你喜欢职位</a>
					</div>
				</div>
			</div>
			<!--右边区域结束-->
		</div>
	</div>
	
	
	
	
	
	
	<!--主体部分结束-->
	
	
	
	
	
	<!--回到顶部-->
	<a href="javascript:void(0);" id="back"></a>
	<!--回到顶部结束-->
	

	<!--底部区域-->
	<div id="floor">
		<div class="wrap">
			<i></i>
			<div class="fl_r">
				<a href="" class="fl_app">
					拉勾APP
					<span></span>
					<img src="image/fl_app.JPG"/>
				</a>
				<a href="">拉勾微博</a>
				<a href="" class="wechat">
					拉勾微信
					<img src="image/fl_wechat.JPG"/>
				</a>
				<a href="">版本更新</a>
				<a href="">帮助中心</a>
				<a href="">联系我们</a>
				<a href="">在线交流</a>
				<span>服务热线：<em>400-605-9900 (9:00 -18:00)</em></span>
			</div>
			<div class="fl_btm">
				<span>
					<em>©</em>
					2016 Lagou
				</span>
				<a href="">京ICP备14023790号-2</a>
				<span>京公网安备11010802017116号</span>
			</div>
		</div>
	</div>
	
	<!--底部区域结束-->
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	</body>
</html>

















